<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>	
		<script src="../js/jquery-1.11.3.js"></script>
		<script src="../js/jquery.cookie.js"></script>
		<script type="text/javascript" src="../js/require.js" defer async="true" data-main = "../js/main"></script>
		<link rel="stylesheet" href="../css/denglu.css"/>
	</head>
	<body>
		<div id="header"></div>
		<script>
			$("#header").load("http://127.0.0.1/XiaoZhuangWangXiangMu/html/public.html #header");
		</script>
		<div class="title_z">
			<div class="title_w">
				<div class="title_y">
					<div class="title_v">
						<span>全部商品分类</span>
					</div>
					<div class="title_u">
						<ul class="title_q">
							<li>
								<img src="../img/aa.jpg">
								<dl>
									<dt><span>面部护肤</span></dt>
									<dt><span>防晒隔离</span><span>面膜</span></dt>
									<dt><span>眼部护理</span><span>护肤套装</span></dt>
								</dl>
							</li>
							<li>
								<img src="../img/bb.jpg">
								<dl>
									<dt><span>面部护肤</span></dt>
									<dt><span>防晒隔离</span><span>面膜</span></dt>
									<dt><span>眼部护理</span><span>护肤套装</span></dt>
								</dl>
							</li>
							<li>
								<img src="../img/cc.jpg">
								<dl>
									<dt><span>面部护肤</span></dt>
									<dt><span>防晒隔离</span><span>面膜</span></dt>
									<dt><span>眼部护理</span><span>护肤套装</span></dt>
								</dl>
							</li>
							<li>
								<img src="../img/dd.jpg">
								<dl>
									<dt><span>面部护肤</span></dt>
									<dt><span>防晒隔离</span><span>面膜</span></dt>
									<dt><span>眼部护理</span><span>护肤套装</span></dt>
								</dl>
							</li>
							<li>
								<img src="../img/ee.jpg">
								<dl>
									<dt><span>面部护肤</span></dt>
									<dt><span>防晒隔离</span><span>面膜</span></dt>
									<dt><span>眼部护理</span><span>护肤套装</span></dt>
								</dl>
							</li>
							<li>
								<img src="../img/ff.jpg">
								<dl>
									<dt><span>面部护肤</span></dt>
									<dt><span>防晒隔离</span><span>面膜</span></dt>
									<dt><span>眼部护理</span><span>护肤套装</span></dt>
								</dl>
							</li>
						</ul>
					</div>
				</div>
				<div class="title_x">
					<a href="">首页</a>
					<a href="">SKIN79专区</a>
					<a href="">积分购</a>
					<a href="">美堂课</a>
					<a href="">手机校妆</a>
					<a href="">购物车</a>
				</div>
			</div>
		</div>
		<!--center-->
		<div class="center_a">	
			<div class="center_b">
				<div class="center_c">
					<div class="center_e"></div>					
				</div>				
				<div class="center_d">
					<div class="center_f">
						<div class="center_g">
							<a class="center_h">登陆校妆网</a>
							<span class="center_j">还没校妆网账号，请<i style="color:pink" class="goRegister" id="goRegister">免费注册</i></span>
						</div>
						<div class="center_i">
							<div class="center_k"><input type="text" id="username" class="center_txt1" placeholder="请输入用户名或卡号" autofocus></div></br>
							<div class="center_l"><input type="text" id="password" class="center_txt2" placeholder="请输入密码" autofocus></div>
						</div>
						<div class="center_o">
							<div class="center_m"><input type="checkbox" name="" class="ch"><a class="center_p" style="font-size:14px;">记住用户名</a><span class="center_q">忘记密码</span></div>
							<div class="center_n">
								<div class="center_w"><a style="color:white" href=""><input type="button" id="login" value="登录" style="background:#e83a77"></a></div>
							</div>				
						</div>
						<div class="center_r">
							<div class="center_x"><span>无需注册,即可登录</span></div>
							<div class="center_y"><img src="../img/180.jpg"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--footer-->
		<div class="center_z">
			<div class="center_s"><span>Copyright 2008-2016 上海校妆科技有限公司 Xzhuang.com 版权所有 沪ICP备1508826号</span></div>
		</div>
	</body>
</html>
<!--<script>
//	$(function(){
//		var $a=$(".title_v");
//		var $b=$(".title_u");
//		$a.mouseenter(function(){
//			$b.css("display","block");
//		})
//		$b.mouseleave(function(){
//		   $b.css("display","none");
//		})
//	})
</script>-->
<!--<script>
$(function(){
	//给登录按钮加点击事件
	$("#login").click(function(){
		//获取用户输入的用户名和密码
		var usn = $("#username").val();
		var pwd = $("#password").val();
		
		//校验用户名和密码是否正确
		//获取到cookie中的用户信息
		var users = $.cookie("registerUsers") ? $.cookie("registerUsers") : "";
		//将字符串转为对象
		users = convertStrToObj(users);
		
		if(users[usn] == pwd){
			//登录成功
			$.cookie("loginedUsers",usn,{expires:7,path:"/"});
			console.log("登录成功!");
			location.href = "../index.html";
		}else{
			//登录失败
			alert("用户名和密码不匹配，请确认后重试！");
		}
	});
	$("#goRegister").click(function(){
		//跳转到注册页
		location.href = "register.html";
	});
});
//将字符串转为对象
function convertStrToObj(str){
	if(!str){ //如果是空字符串
		return {}; //返回空对象
	}
	var users = str.split(":");
	var obj = {};
	for(var i = 0; i < users.length; i ++){
		var userData = users[i].split(",");
		obj[userData[0]] = userData[1];
	}
	return obj;
}

//将对象转为字符串
function convertObjToStr(obj){
	var str = "";
	//遍历对象
	for(var usn in obj){
		var pwd = obj[usn];
		if(str){
			str += ":";
		}
		str += usn + ',' + pwd;
	}
	return str;
}

</script>-->
